<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <style>
    /*ul里面的li标签*/
    ul{
      /*list-style-type: none;*/
      /*list-style-image: url("img/buy.png");*/
      /*list-style-position: outside;*/
      list-style: none;
    }
    ol{
      /*list-style-type: none;*/
      list-style-image: url("img/buy.png");
      list-style-position: inside;
    }

  </style>
</head>
<body>
  <h1>无序列表</h1>
  <ul>
    <li>列表项1</li>
    <li>列表项2</li>
    <li>列表项3</li>
    <li>列表项4</li>
  </ul>
  <h1>有序列表</h1>
  <ol>
    <li>列表项1</li>
    <li>列表项2</li>
    <li>列表项3</li>
    <li>列表项4</li>
  </ol>

  <h1>定义列表</h1>
  <dl>
    <dt>html</dt>
    <dd>是一个标记语言</dd>
    <dd>是浏览器中执行的</dd>
  </dl>

</body>
</html>
